<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="yicms，抽奖系统，严禁外汇代码" />
<title>yicms，抽奖系统，严禁外汇代码</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<style type="text/css">
ul,li{margin:0;padding:0,list-style:none}
.demo{height:230px;position:relative;background:url({lanrain::RES}/js/lottery/guajiang.png) no-repeat }

#start{width:163px; height:320px; position:absolute; top:28px; left:77px;}
 #layout{width:100px; height:100px; position:relative; margin:0px, auto;}
        #layout1{width:130px; height:70px; background:transparent; position:absolute; left:93px; top:149px; z-index:1;}
        #layout1 span{width:1%; height:10%;  float:left; background:#ccc;}
        #layout2{width:100px; height:50px;  text-align:center; font-size:20px; position:absolute; left:93px; top:158px; z-index:0;} 
.lottery{
	padding-bottom:20px;
	margin-bottom:10px;
	border:1px solid #ccc;
	background:#FFF8B2;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 5px; 
}
.lottery_msg_title{
	color:white;
	font-sizi:9px;
	margin:2px;
	padding-left:5px;
	height:30px;
	line-height:30px;
	background:rgb(97, 80, 26);
	width: 120px;
}
.title{color:red;font-size:16px;}
.lottery-list{
	list-style:none;
	margin:20px 0 0 20px;
	
}
.lottery-list li{
	margin:5px;
}
.hidden{
display:none;
position: absolute;
top: 35px;
left: 5px;
width:97%;
right:5px;
z-index: 9999;
font-size: 16px;
overflow: hidden;

}
#black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	z-index: 800;
	Unknown property name.-moz-opacity: 0.8;
	opacity: .80;
	Invalid property value.filter: alpha(opacity=80);
}
.input{
border: 1px solid rgb(184, 179, 170);
box-shadow: 0 2px 1px rgba(0,0,0,.05) inset, 0 1px 0 rgba(194, 193, 193, 1);
border-radius: 4px;
-webkit-appearance: none;
line-height: 25px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="{lanrain::RES}/js/lottery/jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="{lanrain::RES}/js/lottery/jquery.easing.min.js"></script>
<script type="text/javascript">

$(function(){ 
	 $("#layout1").children("span").mouseover(function (){
		$(this).css("background","transparent");
	});
	<if condition="$lottery['msg_num'] neq ''">
	$('.cheklottery').mouseover(function (){
		$('#isluck').val({lanrain:$lottery.msg_num});
		$('#black_overlay').show();
		$('#hidden').show();
	});
	</if>
	$('#check').click(function(){
		var phone=$('#phone').val();
		var isluck=$('#isluck').val();
		var wecha_name=$('#wecha_name').val();
		//alert(phone.length);
		if(phone.length>11){
			$('#error').show();
			$('#error').html('手机号码必须是11数数字');
			return false;
		}
		if(wecha_name==false){
			$('#error').show();
			$('#error').html('微信号必须填写');
			return false;
		}
		$.ajax({
			type:'post',
			url:'index.php?g=Wap&m=Lottery&a=add&phone='+phone+'&wecha_name='+wecha_name+'&id={lanrain:$Think.get.id}&token={lanrain:$Think.get.token}&wecha_id={lanrain:$Think.get.wecha_id}&isluck='+isluck,
			 cache: false, 
			error: function(){ 
            alert('服务器繁忙请稍候再试！'); 
            return false; 
			}, 
			success:function(data){
			if(data==1){
					$('#hidden').hide();					
					$('#msg_success').show();
				}else{
					alert('服务器繁忙请稍候再试！');
				}
			}
		});	
	});
	$("#repeat").click(function(){ 
		$('#msg_error').hide();
		$('#black_overlay').hide();
        lottery(); 
    }); 
}); 
</script>
</head>

<body style="background:rgb(155, 83, 17);font-sizi:12px;">

<div id="main">
   <div class="msg"></div>
   <if condition="($lottery['islottery'] eq 0) and ($lottery['joinnum'] neq 3) and ($lottery['enddate'] lt time())">
   <div class="demo">
           <div id="layout">
        <div id="layout2">{lanrain:$lottery.msg}</div>
        <div id="layout1">
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>  <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span class="cheklottery"></span><span></span><span></span><span></span><span></span><span></span>
        
        <!-省略若干个span-/>
 
</div>
    </div>  
   </div>
   <else/>
		 <img src="/tpl/User/default/common/images/img/activity-scratch-card-end.jpg" width="99%">
   </if>
   <div class="lottery">
		<div class="lottery_msg_title">中奖说明：</div>
		<div class="lottery-list">
			 <li class="title">
			
			 <if condition="$lottery['enddate'] gt time()">{lanrain:$lottery.endinfo}<elseif condition="$lottery['islottery'] neq 0" />您已经中奖啦!您的中奖号码是：<strong>{lanrain:$lottery.sn}</strong><elseif condition="$lottery['joinnum'] eq 3"/>您已经转了{lanrain:$lottery.canrqnums}次,但是没有抽到任何奖品!<else/>恭喜您，您还有{lanrain:$lottery.lucknum}机会抽奖</if></li>
			 <li>一等奖:{lanrain:$lottery.fist}　<if condition="$lottery['displayjpnums'] eq 1">奖品数量：{lanrain:$lottery.fistnums}</if></li>
			 <li>二等奖:{lanrain:$lottery.second}　<if condition="$lottery['displayjpnums'] eq 1">奖品数量：{lanrain:$lottery.secondnums}</if></li>
			 <li>三等奖:{lanrain:$lottery.third}　<if condition="$lottery['displayjpnums'] eq 1">奖品数量：{lanrain:$lottery.thirdnums}</if></li>
		</div>
   </div>
  <div class="lottery">
		<div class="lottery_msg_title">活动说明：</div>
		<div class="lottery-list">
			 <li class="title">活动说明：{lanrain:$lottery.sttxt}</li>
		</div>
   </div>

	　<div class="lottery hidden"  id="hidden">
			<div class="lottery_msg_title">恭喜你中奖了</div>
			<div class="lottery-list">	
				 <li class="title">完善以下信息,方便我们的管理员为你发放奖品</li>
				 <li >微信号：<input type="text" name="wecha_name" class="input" id="wecha_name"></li>
				 <li >{lanrain:$lottery.renametel}：<input type="text" name="phone" class="input" id="phone"><input type="hidden" value=" name="isluck" id="isluck"></li>
				 <li class="title" id="error" style="display:none"></li>
				 <li><button class="input" id="check">完成</button><button class="input">重写</button></li>
			</div>
	   </div>
	    <div class="lottery hidden"  id="msg_success">
			<div class="lottery_msg_title">信息提示</div>
			<div class="lottery-list">
			 <li class="title">恭喜您,我们已经收到你的中奖信息,请耐心等待,我们的客服人员为您发放奖品</li>
			  <li><button class="input" >去首页看看</button></li>
			</div>
		</div>
</div>
	
	 <div id="black_overlay"></div>
	 <div id="show_test"></div>
</body>
</html>